<template>

  <div id="cms2b_login">
      <div class="cms2b_login_window">
        <div class="cms2b_login_banner">
          <el-carousel height="85vh">
            <el-carousel-item v-for="item in banner" :key="item">
              <img style="width: 100%;height: 100%" :src="item" alt="">
            </el-carousel-item>
          </el-carousel>
        </div>
      </div>
  </div>
</template>

<script>
export default {
  name: 'Login',
  data () {
    return {
      banner: [
        'http://erp-pre.yhcs.com/pc/img/login/tu1@2x.png',
        'http://erp-pre.yhcs.com/pc/img/login/tu2@2x.png',
        'http://erp-pre.yhcs.com/pc/img/login/tu3@2x.png',
        'http://erp-pre.yhcs.com/pc/img/login/tu4@2x.png',
        'http://erp-pre.yhcs.com/pc/img/login/tu5@2x.png'
      ]
    }
  }
}
</script>

<style>
  #cms2b_login{
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9f9f9;
  }
  .cms2b_login_window{
    width: 90%;
    height: 85vh;
    border-radius:10px;
    background-color:transparent;
    box-shadow:0px 0px 14px 0px rgba(85,141,255,0.1);
  }
  .cms2b_login_banner{
    float: left;
    width: 40%;
    height: 85vh;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
  }
  .el-carousel__container{
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
  }
</style>
